<template>
	<view class="home">
		<u-popup :show="SideMenuShow" mode="left" @close="SideMenuClick">
			<SideMenu></SideMenu>
		</u-popup>
		<Header :SideMenuShow="SideMenuShow" @SideMenuClick="SideMenuClick"></Header>
		<Container></Container>
		<Container></Container>
		<Container></Container>
		<RecentlyPlayed></RecentlyPlayed>
	</view>
</template>

<script>
	import Header from "./components/header.vue"
	import Container from "./components/container.vue"
	import SideMenu from "./components/sideMenu.vue"
	import RecentlyPlayed from "./components/recentlyPlayed.vue"
	export default {
		name: 'AppView3Home',
		components: {
			Container,
			Header,
			SideMenu,
			RecentlyPlayed
		},
		data() {
			return {
				search: "",
				SideMenuShow: false,
				show: false
			};
		},

		onShow() {

		},

		methods: {
			SideMenuClick() {
				this.SideMenuShow = !this.SideMenuShow
			},
		},
	};
</script>

<style lang="scss" scoped>
	@import "@/uni.scss";

	.home {
		width: 750rpx;
		margin: 0 auto;
		color: #fff;
		padding-bottom: 120rpx;
		position: relative;

		.margin0 {
			margin-top: 0rpx !important;
		}


	}
</style>